<template>
	<div class="main-content">
		<div ref="mainThreeRef" class="main-three"></div>
	</div>
</template>

<script lang="ts" setup>
import { onMounted, ref } from 'vue'
import Engine from '@/three-engine/main.ts'

const mainThreeRef = ref()
onMounted(() => {
	initEngine()
})

function initEngine() {
	new Engine(mainThreeRef.value)
}
</script>

<style lang="scss" scoped>
.main-content {
	width: 100%;
	height: 100%;

	.main-three {
		width: 100%;
		height: 100%;
	}
}
</style>
